<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有道云笔记首页</title>
<!--    <link rel="stylesheet" href="reset.css">-->
    <link rel="stylesheet" href="youdao.css">
</head>
<body>
<!--    头部导航栏-->
    <header>
        <div>
            <h2>有道云笔记</h2>
            <p>note.youdao.com</p>
        </div>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">多平台下载</a></li>
            <li><a href="">视屏介绍</a></li>
            <li><a href="">开放平台</a></li>
            <li><a href="">官方论坛</a></li>
        </ul>
        <nav>
            <a href="https://note.youdao.com/signIn">登录网页版</a> | <a href="https://note.youdao.com/signIn">注册</a>
        </nav>
    </header>
<!--    附加图片展示部分-->
    <aside>
    </aside>
<!--    主题文章部分-->
    <article>
        <section>
<!--            随心记录div-->
            <div>
                <img src="youdao/icon_1[1].png" alt="">
                <div>
                    <h2  id="test">随心记录 随时同步</h2>
                    <article>
                        文字、手写、录音、拍照多种记录方式 <br>
                        支持任意附件格式，学习、工作、生活尽在掌握 <br>
                        云同步，一处记录，各终端查看
                    </article>
                </div>
            </div>
<!--            云端备份div-->
            <div>
                <img src="youdao/icon_2[1].png" alt="">
                <div>
                    <h2>云端备份 安全可靠</h2>
                    <article>
                        从此不怕断电、电脑损坏，资料云端找回 <br>
                        手机遗失，珍贵照片不丢失、资料加密不外泄 <br>
                        网易出品，安全稳定
                    </article>
                </div>
            </div>
<!--            为中国用户贴心设计-->
           <div>
               <img src="youdao/icon_3[1].png" alt="">
               <div>
                   <h2>为中国用户贴心设计</h2>
                   <article>
                       手写体验流畅，笔记完美留存 <br>
                       微博、QQ账号都可登录 <br>
                       传邮件、发微博，分享变得很容易
                   </article>
               </div>
           </div>
        </section>
<!--        右边一系列图片导航-->
        <nav>
            <div>
                <img src="youdao/video[1].jpg" alt="video">
            </div>
            <div>
                <img src="youdao/widget_slide_8[1].jpg" alt="">
            </div>
            <nav class="logo">
                <h4>获奖展示</h4>
                <div>
                    <section>
                        <img src="youdao/award_2[1].png" alt="">
                        <p>360软件管家</p>
                        <p>装机必备</p>
                    </section>
                    <section>
                        <img src="youdao/award_1[1].png" alt="">
                        <p>360软件管家</p>
                        <p>装机必备</p>
                    </section>
                    <section>
                        <img src="youdao/award_4[1].png" alt="">
                        <p>联通wo+</p>
                        <p>创新应用奖</p>
                    </section>
                </div>
            </nav>
            <article class="article">
                <div>
                    <h4>产品动态</h4>
                    <a href="">了解更多</a>
                </div>
            </article>
        </nav>
    </article>
<!--页脚部分-->
    <footer class="footer">
<!--        关于有道ul-->

        <ul>
            <li><a href="#test">关于有道</a></li>
            <li><a href="">官方博客</a></li>
            <li><a href="">服务条款</a></li>
            <li><a href="">隐私协议</a></li>
        </ul>

<!--        用户帮助-->
        <ul>
            <li><a href="">用户帮助</a></li><li><a href="">空间兑换</a></li>
            <li><a href="">公众平台</a></li><li><a href="">意见反馈</a></li>
            <li><a href="">历史版本</a></li>
            <li><a href="">用户推荐</a></li>
            <li><a href="">帮助</a></li>
        </ul>
<!--        关注我们-->
        <ul>
            <li><a href="">关注我们</a></li>
            <li><a href="">新浪微博</a></li>
            <li><a href="">网易微博</a></li>
            <li><a href="">腾讯微博</a></li>
            <li><a href="">人人网</a></li>
        </ul>
<!--        联系我们-->
        <ul>
            <li><a href="">联系我们</a></li>
            <li><a href="">邮箱：ynotefankui@163.com</a></li>
            <li><a href="">&copy;2013网易公司</a></li>
        </ul>
    </footer>
</body>
</html>